// ...
.user-apps{
    width: 1300px;
    margin: 20px auto;
    .pagelist{
        margin: 30px 0;
    }
    #applist{
        margin-right: -20px;
        margin-bottom: -20px;
    }
    .active{
        &::before{
            content: 'New';
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0;
            color: #fff;
            font-size: 12px;
            padding: 5px 10px;
            background: red;
        }
    }
    .item{
        vertical-align: top;
        position: relative;
        display: inline-block;
        width: 244px;
        height: 280px;
        margin: 0 20px 20px 0; 
        img{
            width: 100%;
            height: 180px;
        }
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    }
    #addNew{
        cursor: pointer;
        .iconfont{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 40px;
            color: rgba(0, 0, 0, .2);
            transition: 0.3s;
        }
        &:hover{
            .iconfont{
                color: #FF650B;
            }
        }
    }
    .date{
        padding: 2px 10px;
        font-size: 12px;
        color: #fff;
        background: rgba(0, 0, 0, .3);
        position: absolute;
        top: 10px;
        left: 5px;
        border-radius: 100px;
    }
    .info{
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 100px;
        background: #fff;
        .name{
            font-size: 16px;
            margin: 5px;
            height: 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow:ellipsis;
        }
        .desc{
            margin: 10px 5px;
            font-size: 12px;
            color: #666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow:ellipsis;
        }
        
        a{
            display: inline-block;
            margin: 2px 5px;
            font-size: 14px;
            padding: 3px 20px;
            background: #FF650B;
            color: #fff;
        }
        .to-del{
            background: #ccc;
        }
    }
}